.strategy {
    height: 100%;
    background: url("./_imgs/strategy_bg.jpg") no-repeat center/cover;
    // padding-top: px2rem(203);
    position: relative;

    .box {
        display: flex;
        align-items: center;
        height: 100%;

    }

    .swiper-slide {
        img {
            display: block;
            width: px2rem(564);
            margin: auto;
        }
    }

    .swiper-pagination {
        display: flex;
        width: px2rem(545);
        position: absolute;
        top: px2rem(101);
        left: 50%;
        transform: translateX(-50%);

        .swiper-pagination-bullet {
            flex: 1;
            height: px2rem(38);
            line-height: px2rem(38);
            border-radius: 0;
            background: transparent;
            color: #dee6fa;
            text-align: center;
            font-weight: bold;
            font-size: px2rem(20);
            border: 1px solid #dee6fa;
            margin-right: px2rem(4);

            &:last-of-type {
                margin-right: 0;
            }
        }

        .swiper-pagination-bullet-active {
            background: #fff;
            color: #282c48;
        }
    }

    .swiper-button-prev {
        background: url("./_imgs/strategy_left.png") no-repeat center/px2rem(48);
    }

    .swiper-button-next {
        background: url("./_imgs/strategy_right.png") no-repeat center/px2rem(48);
    }
}